<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>admin</title>
    <link rel="stylesheet" href="css/zui.min.css">
    <link rel="stylesheet" href="css/role.css">
</head>
<body>
<h2 class="text-center">管理员管理</h2>
<div class="container">
    <div class="container">
        <div class="row">
            <div class="col-xs-3">
                <div class="input-group">
                    <div class="input-control search-box search-box-circle has-icon-left has-icon-right search-example" id="searchboxExample">
                      <input type="search" class="form-control search-input" placeholder="搜索" id="searchtext">
                      <label for="searchtext" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
                    </div>
                    <span class="input-group-btn">
                      <button class="btn btn-primary" type="button" onclick="backroleshow(1)">搜索</button>
                    </span>
                  </div>
            </div>
        </div>
        <div id="container">
            <div class="row"></div>
            <div class="text-right">
                <button class="btn btn-info " type="button" data-toggle="modal" data-target="#myModal">添加新管理员</button>
        </div>

    </div>
    <table class="table table-bordered text-center" style="margin-top: 50px">
        <tr>
            <td>id</td>
            <td>登入账号</td>
            <td>真实姓名</td>
            <td>角色</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
        <tbody id="tbody">
        <!-- 数据1 -->
        <tr>
            <td>1</td>
            <td>123</td>
            <td>Li</td>
            <td>管理员</td>
            <td>启用</td>

            <td>
                <button class="btn btn-primary btn-sm">编辑</button>
                <button class="btn btn-danger btn-sm">删除</button>
                <button class="btn btn-warning btn-sm">禁用</button>
                <button class="btn btn-primary btn-sm">重置密码</button>
            </td>
            </td>
        </tr>
        <!-- 数据2 -->
        <tr>
            <td>2</td>
            <td>killty</td>
            <td>macale</td>
            <td>管理员</td>
            <td>启用</td>

            <td>
                <button class="btn btn-primary btn-sm">编辑</button>
                <button class="btn btn-danger btn-sm">删除</button>
                <button class="btn btn-warning btn-sm">禁用</button>
                <button class="btn btn-primary btn-sm">重置密码</button>
            </td>
            </td>
        </tr>
        <!-- 数据3 -->
        <tr>
            <td>3</td>
            <td>macary</td>
            <td>Maracaly</td>
            <td>管理员</td>
            <td>启用</td>

            <td>
                <button class="btn btn-primary btn-sm">编辑</button>
                <button class="btn btn-danger btn-sm">删除</button>
                <button class="btn btn-warning btn-sm">禁用</button>
                <button class="btn btn-primary btn-sm">重置密码</button>
            </td>
            </td>
        </tr>
        <!-- 数据4 -->
        <tr>
            <td>4</td>
            <td>queen</td>
            <td>xuyifen</td>
            <td>管理员</td>
            <td>启用</td>

            <td>
                <button class="btn btn-primary btn-sm">编辑</button>
                <button class="btn btn-danger btn-sm">删除</button>
                <button class="btn btn-warning btn-sm">禁用</button>
                <button class="btn btn-primary btn-sm">重置密码</button>
            </td>
            </td>
        </tr>
        <!-- 数据5 -->
        <tr>
            <td>5</td>
            <td>meke</td>
            <td>moqi</td>
            <td>管理员</td>
            <td>启用</td>

            <td>
                <button class="btn btn-primary btn-sm">编辑</button>
                <button class="btn btn-danger btn-sm">删除</button>
                <button class="btn btn-warning btn-sm">禁用</button>
                <button class="btn btn-primary btn-sm">重置密码</button>
            </td>
            </td>
        </tr>
        </tbody>
    </table>
        <ul class="pager"  id="myPager" data-ride="pager" data-max-nav-count="4" data-elements="prev_icon,nav,next_icon" ></ul>
</div>


<div class="modal fade"id="myModal" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">用户添加</h4>
            </div>
            <div class="modal-body" class="with-padding" >
                <div id="add" class="with-padding">
                    <div class="input-control has-label-left ">
                        <input id="addname" type="text" class="form-control" placeholder="" >
                        <label for="addname" class="input-control-label-left">用户名:</label>
                    </div>
                    <br>
                    <div class="input-control has-label-left has-icon-right ">
                        <input id="addcount" type="email" class="form-control" placeholder=""  >
                        <label for="addcount" class="input-control-label-left">账号:</label>
                        <label for="addcount" class="input-control-icon-right"><i class="icon icon-check"></i></label>
                    </div>
                    <br>
                    <div class="input-control has-label-left has-label-right ">
                        <input id="addpwd" type="password" class="form-control" placeholder="">
                        <label for="addpwd" class="input-control-label-left">密码:</label>
                        <label for="addpwd" class="input-control-label-right text-right text-success">安全!!!</label>
                    </div>
                    <br>

                    <select class="form-control" id="powername" >
                    </select>
                </div>

                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >取消</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="backuseradd()">确认</button>

            </div>
    </div>
</div>
</div>

<div class="modal fade"id="upshow" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">修改</h4>
            </div>
            <div class="modal-body">
                <p>
                <div class="input-control has-icon-left">
                    <input type="text" class="form-control" placeholder="用户名" id="name">
                    <label for="name" class="input-control-icon-left"><i class="icon icon-user "></i></label>
                </div>
                <br>
                <div class="input-control has-icon-left">
                    <input  type="text" class="form-control" placeholder="账号" id="count">
                    <label for="count" class="input-control-icon-left"><i class="icon icon-user "></i></label>
                </div>
                <br>
                <select class="form-control" id="uppower" >
                </select>
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
                <button type="button" class="btn btn-primary" onclick="sendup()" id="uppanel" >确定</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="modal fade"id="uppwd" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">账号修改</h4>
            </div>
            <div class="modal-body">
                <p>
                <div class="input-control has-icon-right">
                    <input id="pwd" type="password" class="form-control" placeholder="密码">
                    <label for="pwd" class="input-control-icon-right"><i class="icon icon-key"></i></label>
                </div>
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
                <button type="button" class="btn btn-primary" >确定</button>
            </div>
        </div>
    </div>
</div>
</div>


<div class="modal fade"id="delete" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span class="sr-only">关闭</span></button>
                <h4 class="modal-title" style="text-align: center">账号删除</h4>
            </div>
            <div class="modal-body" style="text-align: center">
                <p>
                    您确定要删除吗？
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
                <button type="button" class="btn btn-primary" onclick="yesdelete()" id="yesdel">删除</button>
            </div>
        </div>
    </div>
</div>

<!--提示-->
<div class="modal fade"id="tip" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" style="text-align: center">
                <p id="tiptip"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
            </div>
        </div>
    </div>
 </div>
</div>

</div>
</div>
</div>
</div>
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/zui.min.js"></script>
<script src="Userjs/BackUser.js"></script>
</html>
